/*
 * Spark UI Library.
 * 
 * author:牛佳庆
 */
html, body {
    margin:0; 
    padding:0;
    background-color:#ffffff;
    border: none;
}
body,input, button,textarea {
    /**font-family: Microsoft Yahei,arial,宋体,sans-serif !important;**/
    font-family: arial,宋体;/**tahoma,**/
    color:#555;/**333*/
    font-size:12px;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:400; }
strong { font-style:normal; font-weight:700; }
/**caption, th { text-align:left; }**/
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:400; }
q:before, q:after { content:""; }
abbr, acronym { border:0; }
a {color: #333; text-decoration: none;}
a:link { color: #333; text-decoration: none}
a:visited {color: #333; text-decoration: none}
a:active {color: #333;text-decoration: none}
a:hover {color: #ff9900;text-decoration:underline}


/**scrollbar**/
::-webkit-scrollbar {
    height:11px;
    width:11px
}
::-webkit-scrollbar-button {
    height:0;
    width:0
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    display:block
}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {
    display:none
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style:solid;
    border-color:transparent
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{
    background-clip:padding-box;
    background-color:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip:padding-box;
    background-color:rgba(0,0,0,.2);
    min-height:28px;
    padding-top:100
}
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
    background-color:rgba(0,0,0,.4)
}
::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
    background-color:rgba(0,0,0,.5)
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-width:0;
}
::-webkit-scrollbar-track:hover {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
    background-color:rgba(0,0,0,.05)
}
::-webkit-scrollbar-track:active {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color:rgba(0,0,0,.05)
}




input:focus {
  outline-width:0 !important;
}
.s_cover{
	position: absolute;
	overflow: hidden;
	/*filter: alpha(opacity=75);
    background-color: #fff; 
    opacity: 0.75; 
    mozopacity: 0.75;
	*/
	filter: alpha(opacity=15);
	background-color: #000000; 
	opacity: 0.15; 
	mozopacity: 0.15;
	
	-moz-user-select:none;
    -webkit-user-select:none; 
}
/**Item**/
.item-clear{
	clear:both;
	height:0;
	overflow:hidden;
	line-height:0;
	font-size:0;
}
.s_w {
	border: #d9d9d9 1px solid;/**bababa**/
	border-top-color:#c0c0c0;
	background-color:#fff;
	/*background:#fff url(text-bg.gif) repeat-x 0px 0px ;*/
	width: 100%;
	z-index: 20;
	height: 18px;
}
.s_label {
	height: 20px;
	line-height:20px;
	vertical-align:middle;
}

/**
.s_fs input {
	background-color:#e2f7ff;
}**/
/**item-emptyText**/
.s_et{
    color:#999 !important;
}
/** item-notBlank ***/
.s_rq{
	background:#ffffd5;
}

/** item-focus **/
.s_fs {
    border:1px solid #4d90fe;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition: all .118s;
    transition: all .118s;
    /*background:#e2f7ff;*/
}
/** item-readOnly **/
.s_dbd {
	background-color:#f5f5f5;
}
/** item-invalid **/
.s_ivd{
    border:1px solid #cf4c35;
}



/** TriggerField **/
.s_tg {
	border: 0px;
	float: right;		
	width: 22px;	
	cursor: pointer;
}
.s_popup {
	LEFT: -10000px;
	TOP: -10000px;	
	z-index:10000;
	background-color:#fff;
	POSITION: absolute;
	border:1px solid #ccc;
	/**
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    **/
    opacity:0;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-transition: opacity .218s;
	transition: opacity .218s;
}
.s_shadow {
    position:absolute;
    LEFT: -1000px;
    TOP: -1000px;
    /**FILTER: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3,MakeShadow=false,ShadowOpacity=0.4);**/
    FILTER: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.3);
    background-color:#aaa;
    /**opacity: 0.3; 
    MozOpacity: 0.3;**/
    z-index: 9000;
}
/** Msg **/
.item-invalid-msg-bottom {
	position:relative;
	top:4px;
	color:red;
	height:20px;
	line-height:13px;
}
.item-invalid-msg-right {
	position:relative;
	margin-left:5px;
	top:5px;
	color:red;
	height:20px;
	line-height:13px;
}

/** bubble **/
.s-bubble {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid;
    border-color: #bbb #bbb #a8a8a8;
    padding: 16px;
    opacity: 0;
    left:-1000px;
    top:-10000px;
    -webkit-transition: opacity .318s;
    transition: opacity .318s;
    position: absolute;
    z-index:99999;
}
.s-bubble-arrow {
    position: absolute;
}
.s-bubble-arrow .s-bubble-arrowimplbefore,.s-bubble-arrow .s-bubble-arrowimplafter {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}
.s-bubble-arrow .s-bubble-arrowimplbefore {
    border: 9px solid
}
.s-bubble-arrow .s-bubble-arrowimplafter {
    border: 8px solid
}
.s-bubble-arrowdown {
    bottom: 0
}
.s-bubble-arrowup {
    top: -9px
}
.s-bubble-arrowleft {
    left: -9px
}
.s-bubble-arrowright {
    right: 0
}
.s-bubble-arrowdown .s-bubble-arrowimplbefore,.s-bubble-arrowup .s-bubble-arrowimplbefore {
    border-color: #bbb transparent;
    left: -9px
}
.s-bubble-arrowdown .s-bubble-arrowimplbefore {
    border-color: #a8a8a8 transparent
}
.s-bubble-arrowdown .s-bubble-arrowimplafter,.s-bubble-arrowup .s-bubble-arrowimplafter {
    border-color: #fff transparent;
    left: -8px
}
.s-bubble-arrowdown .s-bubble-arrowimplbefore {
    border-bottom-width: 0
}
.s-bubble-arrowdown .s-bubble-arrowimplafter {
    border-bottom-width: 0
}
.s-bubble-arrowup .s-bubble-arrowimplbefore {
    border-top-width: 0
}
.s-bubble-arrowup .s-bubble-arrowimplafter {
    border-top-width: 0;
    top: 1px
}
.s-bubble-arrowleft .s-bubble-arrowimplbefore,.s-bubble-arrowright .s-bubble-arrowimplbefore {
    border-color: transparent #bbb;
    top: -9px
}
.s-bubble-arrowleft .s-bubble-arrowimplafter,.s-bubble-arrowright .s-bubble-arrowimplafter {
    border-color: transparent #fff;
    top: -8px
}
.s-bubble-arrowleft .s-bubble-arrowimplbefore {
    border-left-width: 0
}
.s-bubble-arrowleft .s-bubble-arrowimplafter {
    border-left-width: 0;
    left: 1px
}
.s-bubble-arrowright .s-bubble-arrowimplbefore {
    border-right-width: 0
}
.s-bubble-arrowright .s-bubble-arrowimplafter {
    border-right-width: 0
}


/** bubble promo **/
.s-bubble.s-bubble-promo {
    background-color: #f9edbe;
    border: 1px solid #f0c36d
}
.s-bubble-promo .s-bubble-arrowdown .s-bubble-arrowimplbefore,.s-bubble-promo .s-bubble-arrowup .s-bubble-arrowimplbefore {
    border-color: #f0c36d transparent
}
.s-bubble-promo .s-bubble-arrowdown .s-bubble-arrowimplafter,.s-bubble-promo .s-bubble-arrowup .s-bubble-arrowimplafter {
    border-color: #f9edbe transparent
}
.s-bubble-promo .s-bubble-arrowleft .s-bubble-arrowimplbefore,.s-bubble-promo .s-bubble-arrowright .s-bubble-arrowimplbefore {
    border-color: transparent #f0c36d
}
.s-bubble-promo .s-bubble-arrowleft .s-bubble-arrowimplafter,.s-bubble-promo .s-bubble-arrowright .s-bubble-arrowimplafter {
    border-color: transparent #f9edbe
}


/** bubble black **/
.s-bubble.s-bubble-black{
    background-color: #2a2a2a;
    font-weight:bold;
    border: 1px solid #fff;
    color: #fff;
}
.s-bubble-black .s-bubble-arrowdown .s-bubble-arrowimplbefore,.s-bubble-black .s-bubble-arrowup .s-bubble-arrowimplbefore,
.s-bubble-black .s-bubble-arrowleft .s-bubble-arrowimplbefore,.s-bubble-black .s-bubble-arrowright .s-bubble-arrowimplbefore {
    border-color: #fff transparent
}
.s-bubble-black .s-bubble-arrowdown .s-bubble-arrowimplafter,.s-bubble-black .s-bubble-arrowup .s-bubble-arrowimplafter ,
.s-bubble-black .s-bubble-arrowleft .s-bubble-arrowimplafter,.s-bubble-black .s-bubble-arrowright .s-bubble-arrowimplafter {
    border-color: #2a2a2a transparent 
}


/** bubble valid **/
.s-bubble.s-bubble-valid {
    background-color: #bc3a2d;
    font-weight:bold;
    border: 1px solid #fff;
    color: #fff;
}
.s-bubble-valid .s-bubble-arrowdown .s-bubble-arrowimplbefore,.s-bubble-valid .s-bubble-arrowup .s-bubble-arrowimplbefore,
.s-bubble-valid .s-bubble-arrowdown .s-bubble-arrowimplafter,.s-bubble-valid .s-bubble-arrowup .s-bubble-arrowimplafter,
.s-bubble-valid .s-bubble-arrowleft .s-bubble-arrowimplbefore,.s-bubble-valid .s-bubble-arrowright .s-bubble-arrowimplbefore,
.s-bubble-valid .s-bubble-arrowleft .s-bubble-arrowimplafter,.s-bubble-valid .s-bubble-arrowright .s-bubble-arrowimplafter {
    border-color: #bc3a2d transparent
}

/** bubble tip **/
.s-bubble-tip {
     padding: 7px 9px;
     -webkit-box-shadow:none;
     -moz-box-shadow:none;
     box-shadow: none;
}
.s-bubble-tip .s-bubble-arrow .s-bubble-arrowimplbefore {
    border-width: 6px
}
.s-bubble-tip .s-bubble-arrow .s-bubble-arrowimplafter {
    border-width: 5px;
}
.s-bubble-tip .s-bubble-arrowup{
    top:-6px;
}
.s-bubble-tip .s-bubble-arrowup .s-bubble-arrowimplbefore {
    left:-6px;
    border-top-width:0px;
}
.s-bubble-tip .s-bubble-arrowup .s-bubble-arrowimplafter {
    left:-5px;
    border-top-width:0px;
}
.s-bubble-tip .s-bubble-arrowdown .s-bubble-arrowimplbefore {
    left:-6px;
    border-bottom-width:0px;
}
.s-bubble-tip .s-bubble-arrowdown .s-bubble-arrowimplafter {
    left:-5px;
    border-bottom-width:0px;
}
.s-bubble-tip .s-bubble-arrowleft {
    left:-6px;
    top:20px;
}
.s-bubble-tip .s-bubble-arrowleft .s-bubble-arrowimplbefore {
    top:-6px;
    border-left-width:0px;
}
.s-bubble-tip .s-bubble-arrowleft .s-bubble-arrowimplafter {
    top:-5px;
    border-left-width:0px;
}
.s-bubble-tip .s-bubble-arrowright {
    top:20px;
}
.s-bubble-tip .s-bubble-arrowright .s-bubble-arrowimplbefore {
    top:-6px;
    border-right-width:0px;
}
.s-bubble-tip .s-bubble-arrowright .s-bubble-arrowimplafter {
    top:-5px;
    border-right-width:0px;
}


/** 
.s-ays {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    
    
    -webkit-transition: visibility 0.5s ease-in,opacity .13s ease-in;
    transition: visibility 0.5s ease-in,opacity .13s ease-in;
    background-color: #2a2a2a;
    
    color: #fff;
    cursor: default;
    display: block;
    font-size: 12px;
    font-weight: bold;
    font-family:arial,宋体;
    margin-left: -1px;
    opacity: 0;
    padding: 7px 9px;
    position: absolute;
    visibility: hidden;
    word-break: break-all;
    word-break: break-word;
    z-index:99999;
}
.s-ays .s-inf {
    white-space:nowrap;
}
.s-ays-atB {
    bottom: 0;
}
.s-ays-hFsbo {
    pointer-events: none;
    position: absolute;
    font-size: 0px;
}
.s-ays-atG {
    top: -6px;
}
.s-ays-hFsbo .s-ays-atD, .s-ays-hFsbo .s-ays-atC {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    font-size:0px;
}
.s-ays-hFsbo .s-ays-atD {
    border: 6px solid;
}
.s-ays-hFsbo .s-ays-atC {
    border: 5px solid;
}
.s-ays-atB .s-ays-atD, .s-ays-atG .s-ays-atD {
    border-color: #fff transparent;
    left: -6px;
}
.s-ays-atB .s-ays-atC, .s-ays-atG .s-ays-atC {
    border-color: #2a2a2a transparent;
    left: -5px;
}

.s-ays.s-w{
    background-color: #bc3a2d;
}
.s-w .s-ays-atB .s-ays-atC,.s-w  .s-ays-atG .s-ays-atC {
    border-color: #bc3a2d transparent;
}
.s-ays-atB .s-ays-atD, .s-ays-atB .s-ays-atC {
    border-bottom-width: 0px;
}
.s-ays-atG .s-ays-atD {
    border-top-width: 0px;
}
.s-ays-atG .s-ays-atC {
    border-top-width: 0px;
    top: 1px;
}
**/






/** 布局 **/
.layout-form {
	background-color:#fff;
}
.layout-title {
	border:1px solid #cccccc;
}
.layout-td-con {
	vertical-align:top;
}

.layout-th {
	vertical-align:middle;
	font-size:13px;
}
.layout-th div { 
	text-align:right;
}

.form_head {
	border-bottom:1px solid #bbbbbb;
	height:22px;
	line-height:22px;
	color: #055a78;	
	background:url(../grid/grid_bg.gif) repeat-x;
	
	padding-left:5px;
}
/*
.form_head {
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    height:25px;
    line-height:25px;
    COLOR: #055a78; 
    background:url(../toolbar/toolbar_bg.gif) repeat-x;
    padding-left:5px;
}
*/
.item-fieldset {
    border:1px solid #B5B8C8;
    display:block; /* preserve margins in IE */
}
.item-fieldset legend {
    margin-left:5px;
}
.ext-ie .item-fieldset legend {
    /**margin-bottom:5px;**/
}
.ext-ie .item-fieldset {
    padding-top: 0;
}
.s_mask div {
    width:100%;
    height:100%;
    filter: alpha(opacity=30);
    background-color: #d9d9d9;
    opacity: 0.3; 
    MozOpacity: 0.3
}
.s_mask span {
	background:url(wait.gif) no-repeat 5px 50%;
    background-image: url(wait.gif);
    padding-left:30px;
    padding-right:15px;
    border:1px solid #808080;
    position: absolute;
    background-color:#fff;
    line-height:28px;
    height:30px;    
}

.s_qf{}
.s_qf_w {
	background-color:#fff;
}
.s_qf_w_s {
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}